<template>
    <div class="user-view" >
      <NavBar />
      <UserManagement />
    </div>
  </template>
  
  <script setup>
  import NavBar from '../../components/NavBar_admin.vue';
  import UserManagement from './UserManagement.vue';
  import { ref, onMounted } from 'vue';
  
  </script>
  
  <style scoped>
  .user-view {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    width: calc(100% - 200px);
    margin-left: 200px;
    overflow: hidden;
    position: relative;
    background: linear-gradient(135deg, #f5f7fa 0%, #e4e8f0 100%);
    padding: 0 20px;
  }
  
  @media (max-width: 768px) {
    .user-view {
      width: 100%;
      margin-left: 0;
      padding: 0 10px;
    }
  }
  </style>